import React from 'react';
import { Descriptions } from 'antd';

class Header extends React.Component {

  constructor(props) {
    super(props)
  }

  render() {
    const info = this.props.info || {};
    return (
      <Descriptions column={4} labelStyle={{ color: '#999' }}>
        <Descriptions.Item label="机构名称">{info.name}</Descriptions.Item>
        <Descriptions.Item label="所属机构">{info.parentUnitName}</Descriptions.Item>
        <Descriptions.Item label="所属省份">{info.province}</Descriptions.Item>
        <Descriptions.Item label="所属市">{info.city}</Descriptions.Item>
        <Descriptions.Item label="所属区县">{info.county}</Descriptions.Item>
        <Descriptions.Item label="详细地址">{info.address || '--'}</Descriptions.Item>
        <Descriptions.Item label="机构类型">{info.typeName}</Descriptions.Item>
        <Descriptions.Item label="学校类型">{info.schoolTypeName || '--'}</Descriptions.Item>
        <Descriptions.Item label="联系人">{info.contactPerson || '--'}</Descriptions.Item>
        <Descriptions.Item label="联系电话">{info.contactPhone || '--'}</Descriptions.Item>
      </Descriptions>
    )
  }
}

export default Header